<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>百顺通云-后台线下支付详情页面</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonCSS.jsp"></jsp:include>
        <!-- 小图变大图css文件 -->
        <link href="/css/admin/baguetteBox.css" type="text/css" rel="stylesheet"  type="text/css"/>
    </head>
    <body class="skin-blue">
    
        <!-- 公用头部 -->
        <jsp:include page="../../admin/commonHeader.jsp"></jsp:include>
       
        <div class="wrapper row-offcanvas row-offcanvas-left">
            
            <!-- 公用导航 -->
            <jsp:include page="../../admin/commonMenu.jsp"></jsp:include>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        线下支付管理
                        <small>线下支付详情</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                        <li class="active">线下支付管理</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                    <!-- Small boxes (Stat box) -->
                    <div class="row fixrowscroll">
                        
                        <!-- table数据 -->
                        <div class="box-body table-responsive">
                            <div class="dataTables_wrapper form-inline fixwrapperscroll" role="grid">
                                <div class="row">
                                    <div class="col-xs-6"></div>
                                    <div class="col-xs-6"></div>
                                </div>
			                	<table class="table table-bordered table-hover dataTable">
									<tbody>
										<tr>
											<td width="20%" class="taright">编号：</td>
											<td width="30%"><span id="DpaymentNum">${paymentInfo.paymentNum}</span></td>
											<td width="20%" class="taright">订单编号：</td>
											<td><span id="DorderNum">${paymentInfo.orderNum}</span></td>
										</tr>
										<tr class="alt">
											<td width="20%" class="taright">类型：</td>
											<td width="30%"><span id="DdealType">
											<c:if test="${paymentInfo.dealType == 1}">充值</c:if>
										    <c:if test="${paymentInfo.dealType == 2}">消费</c:if>
											</span>
											</td>
											<td width="20%" class="taright">金额(元)：</td>
											<td><span id="DremitMoney"><fmt:formatNumber value="${paymentInfo.remitMoney}" pattern="#0.00"/></span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">汇款单位：</td>
											<td width="30%"><span id="DremitCompany">${paymentInfo.remitCompany}</span>
											</td>
											<td width="20%" class="taright">汇款银行：</td>
											<td><span id="DremitBank">${paymentInfo.remitBank}</span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">汇款时间：</td>
											<td width="30%"><span id="DremitTime"><fmt:formatDate value="${paymentInfo.remitTime}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
											</td>
											<td width="20%" class="taright">状态：</td>
											<td><span id="DpaymentType">
											<c:if test="${paymentInfo.paymentState == 0}">未上传</c:if>
				                			<c:if test="${paymentInfo.paymentState == 1}">已上传</c:if>
				                			<c:if test="${paymentInfo.paymentState == 2}">审核通过</c:if>
				                			<c:if test="${paymentInfo.paymentState == 3}">审核退回</c:if>
											</span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">联系人：</td>
											<td width="30%"><span id="DlinkMan">${paymentInfo.linkMan}</span>
											</td>
											<td width="20%" class="taright">联系电话：</td>
											<td><span id="DlinkTell">${paymentInfo.linkTell}</span></td>
										</tr>
									</tbody>
								</table>
								<div id="showPics" class=""> 
									<c:forEach items="${aList}" var="al">
										<a href="${al.attachPath}"><img alt="" src="${al.attachPath}"></a>
									</c:forEach>
								</div>
								<div>
									<button type="button" class="btn btn-primary" onclick="toAudit(${paymentInfo.paymentId},2,${paymentInfo.paymentState});">通过</button>
									<button type="button" class="btn btn-primary" onclick="toAudit(${paymentInfo.paymentId},3,${paymentInfo.paymentState});">退回</button>
								</div>
                            </div>
                        </div>


                    </div><!-- /.row -->
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

		<script type="text/javascript">
			var currentMenu = 'paymentManager';
		</script>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonJs.jsp"></jsp:include>
		
		<!-- 小图变大图 js插件 -->
		<script type="text/javascript" src="/js/baguetteBox.js"></script>
		
        <script src="/js/admin/paymentManager/paymentManager.js"></script>
        
		<script type="text/javascript">
			$(function(){
				baguetteBox.run('#showPics');
			});
		</script>
    </body>
</html>
